<!DOCTYPE html>
<html lang="en">
<head>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	<meta charset="UTF-8">
	<title>这是一个网站</title>
</head>
<body>
	 <div class="container">

      <!-- The justified navigation menu is meant for single line per list item.
           Multiple lines will require custom code not provided by Bootstrap. -->
      <div class="masthead">
          <ul class="nav nav-justified nav nav-pills">
            <li class="active"><a href="#">主页</a></li>
            <li><a href="#">活动</a></li>
            <li><a href="#">界面</a></li>
            <li><a href="#">瓜皮</a></li>
            <li><a href="#">难受</a></li>
            <li><a href="#">猪皮</a></li>
          </ul>
      </div>

      <!-- Jumbotron -->
      <div class="jumbotron">
        <h1>我能怎么样？我也很绝望呀～</h1>
        <p class="lead">这只是一段文字一段字～～～～～～～～～～～～～～～～～～～～～～～～</p>
        <p><a class="btn btn-lg btn-success" href="#" role="button">点击就送屠龙宝刀</a></p>
      </div>

      <!-- Example row of columns -->
      <div class="row">
        <div class="col-lg-4">
          <h2>这又是啥？</h2>
          <p class="text-danger">这可能是一个警告的东西因为颜色是红色的</p>
          <p>这又是一段文字～～～～～～～～～～～～～～～</p>
          <p><a class="btn btn-primary" href="#" role="button">点击就送倚天剑？ &raquo;</a></p>
        </div>
        <div class="col-lg-4">
          <h2>这个比前面的等级低</h2>
          <p>因为他的字只有黑色没有红色～～～～～～～～～～～～～～～～～ </p>
          <p><a class="btn btn-primary" href="#" role="button">点击就送金毛狮王？ &raquo;</a></p>
       </div>
        <div class="col-lg-4">
          <h2>这个和前面那个一样</h2>
  <p>没有红色的字就送一个小屌丝～～～～～～～～～～～～～～～～～～～～～～～</p><a class="btn btn-primary" href="#" role="button">点击啥也没有 &raquo;</a></p>
<span class="glyphicon glyphicon-fire" aria-hidden="true"></span>
        </div>
      </div>
      <!-- Site footer -->
      <footer class="footer">
        <p>&copy; 版权？我这个都是盗版.随便复制.</p>
      </footer>
    </div>	
</body>
</html>
